@import './modules/reset';
@import './modules/header1';
@import './modules/footer';
main{
    width:980px;
    margin:0 auto;
    .pro_view{
        padding-top: 15px;
        overflow: hidden;
        .pro_detail{
            padding-bottom: 10px;
            overflow: hidden;
            .pro_left{
                float: left;
                width: 485px;
                img{
                    padding: 3px;
                    background: #fff;
                    border: 1px solid #f7eada;
                    // margin-bottom: 10px;
                    width: 477px;
                    height: 378px;
                }  
                .small_img{
                    text-align: center;
                   
                    li{
                        display: inline-block;
                        margin: 0 0 0 16px;
                        padding-top: 22px;
                        a{
                            
                            img{
                                position: relative;
                                max-width: 60px;
                                max-height: 60px;
                            }
                        }
                       
                    }
                    
                }        
            }
            .pro_right{
                float:right;
                width:475px;
                h3{
                    font-size: 18px;
                    color: #7a4922;
                    line-height: 22px;
                    padding-bottom: 17px;
                    display: block;
                    font-weight: bold;
                }
                .text01{
                    font-size: 14px;
                    line-height: 22px;
                    color: #584e42;
                }
                .text02{
                    line-height: 18px;
                    color: #281504;
                    padding-top: 13px;
                    padding-bottom: 21px;
                }
                .pro_choose{
                    border-bottom: 1px solid #692c12;
                    border-top: 1px solid #692c12;
                    padding: 10px 0px;
                    overflow:hidden;
                    .pro_c_left{
                        min-height: 138px;
                        font-family: "微软雅黑";
                        font-size: 14px;
                        float: left;
                        line-height: 28px;
                        input{
                            float: left;
                            margin-top: 7px;
                        }
                        span{
                            width: 100px;
                            display: block;
                            float: left;
                            color: #ccc;
                            text-decoration: line-through;
                        }

                    }
                    .pro_c_right{
                        width: 280px;
                        float: right;
                        line-height: 25px;
                        textarea{
                            min-width: 270px;
                            min-height: 100px;
                            resize: none;
                            border: 1px solid #d4d4d4;
                        }
                    }
                }
                .add_cart{
                    float: right;
                    padding-right: 15px;
                    margin-top: 10px;
                    a{
                        width: 110px;
                        height: 33px;
                        border: 1px solid #692c12;
                        border-radius: 17px;
                        text-align: center;
                        line-height: 33px;
                        font-size: 16px;
                        display: block;
                    }
                }
            }
        }
        .introduce{
            height: 33px;
            line-height: 33px;
            background: #ffd400;
            margin-top: 10px;
                img{
                    vertical-align: middle;
                }
                h3{
                    color: #fff;
                    display: inline;
                    padding-right: 3px;
                }
                h4{
                    color: #fff;
                    display: inline;
                }
        }
        .introduce_imgs{
            img{
                vertical-align: middle;
                width:100%;
            }
            
        }
    }
}